<html>
  <head>
    <title>UBSpatial Visualisation Demonstrator</title>
    <link rel="stylesheet" href="/openlayers/theme/default/style.css" type="text/css">
    <link rel="stylesheet" href="/openlayers/theme/default/google.css" type="text/css">
<!--
    <link rel="stylesheet" href="http://openlayers.org/api/theme/default/style.css" type="text/css" />
    <link rel="stylesheet" href="http://openlayers.org/dev/examples/style.css" type="text/css" />
-->
	
	<!-- Basic CSS definitions -->
	<style type="text/css">
		/* General settings */
		body {
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: small;
		}

		/* The map and the location bar */
		#map {
			clear: both;
			position: relative;
			width: 512px;
			height: 441px;
			border: 1px solid black;
		}
		
		#wrapper {
			width: 512px;
		}
		
		#location {
			float: right;
		}
	</style>

	<!--
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.6&amp;sensor=false"></script>
	-->

    <script type="text/javascript" src="/openlayers/OpenLayers.js"></script>
	<!--
    <script type="text/javascript" src="/openlayers/lib/OpenLayers.js"></script>
    <script type="text/javascript" src="http://openlayers.org/api/OpenLayers.js"></script>
    <script type="text/javascript" src="http://localhost:8080/geoserver/openlayers/OpenLayers.js"></script>
	-->
    <script src="date.js" type="text/javascript"></script>
    <script src="lib_bore.js" type="text/javascript"></script>
    <script src="lib_data.js" type="text/javascript"></script>
	
    <script src="bores_vis_6.js" type="text/javascript"></script>
  </head>

  <body onload="init()">
    <h1 id="title">UBSpatial Visualisation Demonstrator</h1>
    <div id="map" class="smallmap"></div>
    <div id="wrapper">
		<div id="location">location</div>
		<div id="scale">
		</div>
    </div>
	<input type="checkbox" name="allow-draw" value="allow-draw" id="allowDrawCheckbox" onclick="toggleDraw(this);" />
	<label for="allowDrawCheckbox">enable line drawing</label>
	<input type="button" value="Show" onClick="showAllBores()">
	
    <div id="nodelist">
        <em>Use checkbox to start/stop drawing of transect lines.</em>
    </div>
  </body>

</html>
